@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

body {
  display: flex;
  height: 100vh;
  flex-direction: column;
}

.head {
  background-color: aqua;
  width: 100vw;
  height: 0.58667rem;
}

.head img {
  width: 100%;
}

header {
  width: 100vw;
  height: 1.17333rem;
  background-color: #F2F2F2;
  display: flex;
}

header .close {
  height: 1.17333rem;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.06667rem;
  width: 1.17333rem;
  text-align: right;
  margin-right: 0.26667rem;
}

header .font {
  font-size: 0.4rem;
  line-height: 1.17333rem;
}

main {
  width: 100vw;
  flex: 1;
  height: 54.97333rem;
  overflow: auto;
  background-color: #ffffff;
}

main .main——head {
  width: 100vw;
  height: 8.82667rem;
  background-image: url(../../images/大师介绍页-切图标注/backgroud@2x.png);
  background-repeat: no-repeat;
  background-size: 100vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: 0.26667rem solid #F2F2F2;
  background-size: 100% 50%;
}

main .main——head .tou {
  width: 2.13333rem;
  height: 2.13333rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.10667rem solid rgba(255, 255, 255, 0.53);
  margin-top: 1.06667rem;
  z-index: 1;
  box-shadow: 0px 0.06667rem 0.4rem 0.02667rem #aeaeae;
}

main .main——body {
  width: 9.46667rem;
  height: 5.33333rem;
  background-color: #FFFFFF;
  border-radius: 20px;
  overflow: hidden;
  margin-top: -1.06667rem;
  box-shadow: 0px 0.06667rem 2.93333rem 0.06667rem rgba(216, 215, 215, 0.37);
}

main .main——body .name {
  width: 100%;
  text-align: center;
  font-size: 0.4rem;
  margin-top: 125px;
  font-weight: 600;
}

main .main——body .name::after {
  content: "殿堂";
  background-color: #FF6F6D;
  border-radius: 0.13333rem;
  width: 0.85333rem;
  height: 0.42667rem;
  line-height: 0.42667rem;
  font-size: 0.26667rem;
  display: inline-block;
  vertical-align: bottom;
  color: #F2F2F2;
  margin-left: 0.16rem;
  font-weight: 600;
}

main .main——body .cont3 {
  display: flex;
  width: 100vw;
  justify-content: center;
  margin-top: 0.45333rem;
}

main .main——body .cont3 > div {
  font-size: 0.34667rem;
  color: #333333;
}

main .main——body .cont3 > div img {
  margin-right: 0.13333rem;
}

main .main——body .cont3 .cen {
  margin: 0 0.93333rem;
}

main .main——body .cont32 {
  display: flex;
  justify-content: space-around;
  margin-top: 0.66667rem;
  text-align: center;
}

main .main——body .cont32 .l1 {
  font-size: 0.29333rem;
  color: #333333;
}

main .main——body .cont32 .l2 {
  font-size: 0.32rem;
  color: #333333;
  margin-top: 0.4rem;
  font-weight: 600;
}

main .box2 {
  border-bottom: 0.26667rem solid #F2F2F2;
}

main .main_foot {
  width: 100vw;
  height: 1.2rem;
  font-size: 0.34667rem;
  color: #333333;
  display: flex;
  align-items: center;
}

main .main_foot > div {
  height: 0.34667rem;
  border-left: 0.05333rem solid #4D6DF3;
  margin-left: 0.26667rem;
  line-height: 0.34667rem;
  padding: 0.10667rem;
}

main .main_foot > div > span {
  color: rgba(128, 128, 128, 0.562);
  display: inline-block;
  margin: 0 0.53333rem;
}

main .linethrough {
  background-color: rgba(128, 128, 128, 0.374);
  width: 9.73333rem;
  height: 0.01333rem;
  float: right;
}

main .line2 {
  width: 100vw;
  height: 1.2rem;
  font-size: 0.34667rem;
  color: #333333;
  display: flex;
  align-items: center;
  line-height: 1.2rem;
}

main .line2 > span {
  color: rgba(128, 128, 128, 0.562);
  display: inline-block;
  margin: 0 0.53333rem;
  color: #0527AF;
  border: 0.02667rem solid #0527AF;
  display: inline-block;
  width: 0.8rem;
  height: 0.50667rem;
  line-height: 0.50667rem;
  text-align: center;
  border-radius: 0.06667rem;
}

main > .box3 {
  border-bottom: 0.26667rem solid #F2F2F2;
}

main > .box3 > .contennt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

main > .box3 > .contennt > img {
  margin-bottom: 0.4rem;
  width: 9.46667rem;
}

main > .box3 > .contennt .text {
  width: 9.46667rem;
  margin-bottom: 0.4rem;
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.48rem;
}

.box4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 0.26667rem solid #F2F2F2;
  height: 7.46667rem;
}

.box4 .content {
  display: flex;
  width: 9.46667rem;
}

.box4 .content > .left {
  width: 1.46667rem;
}

.box4 .content > .left > img {
  margin-left: 0.58667rem;
  margin-right: 0.4rem;
  display: block;
  width: 0.8rem;
  height: 4.66667rem;
  margin-top: 0.72rem;
}

.box4 .content > .right {
  flex: 1;
  margin-left: 0.4rem;
  margin-top: 0.72rem;
}

.box4 .content > .right > div {
  height: 1.33333rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.box4 .content > .right > div :nth-child(1) {
  color: #333333;
  font-size: 22px;
}

.box4 .content > .right > div :nth-child(2) {
  color: #666666;
  font-size: 20px;
  line-height: 0.66667rem;
}

.box5 {
  border-bottom: 0.26667rem solid #F2F2F2;
}

.main_foot1 {
  width: 100vw;
  height: 1.2rem;
  font-size: 0.34667rem;
  color: #333333;
  display: flex;
  align-items: center;
}

.main_foot1 > div {
  height: 0.34667rem;
  margin-left: 0.26667rem;
  line-height: 0.34667rem;
  padding: 0.10667rem;
}

.box6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 0.26667rem solid #F2F2F2;
}

.box6 .bottom {
  width: 9.46667rem;
  margin-bottom: 0.6rem;
}

.box6 .bottom > .line1 {
  font-size: 20px;
  color: #333333;
  margin-top: 0.48rem;
  text-indent: 0.16rem;
}

.box6 .bottom > .line1 > span {
  color: #666666;
  text-indent: 0.16rem;
  display: inline-block;
}

.box6 .bottom > .line2 {
  text-indent: 0.16rem;
  font-size: 22px;
  color: #333333;
  width: 100%;
}

.box6 .bottom > .line3 {
  text-indent: 0.16rem;
  display: flex;
  justify-content: space-around;
}

.box6 .bottom > .line3 > img {
  width: 2.26667rem;
  height: 0.6rem;
}

.box7 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box7 > .linethrough {
  margin-bottom: 0.42667rem;
}

.box7 .lixiansheng {
  display: flex;
}

.box7 .lixiansheng .left img {
  margin-left: 0.4rem;
  margin-right: 0.26667rem;
  width: 0.74667rem;
  height: 0.74667rem;
}

.box7 .lixiansheng .right .top {
  color: #333333;
  font-size: 0.4rem;
  height: 0.66667rem;
  display: flex;
  width: 8rem;
  justify-content: space-between;
}

.box7 .lixiansheng .right .top span {
  color: #999999;
  font-size: 0.26667rem;
  display: inline-block;
  margin: 0 0 0 0.08rem;
}

.box7 .lixiansheng .right .time {
  color: #999999;
  font-size: 0.26667rem;
  height: 0.69333rem;
}

.box7 .lixiansheng .right .text {
  width: 8.26667rem;
  color: #333333;
  font-size: 0.32rem;
  line-height: 0.48rem;
  margin-bottom: 0.08rem;
  box-sizing: border-box;
  padding: 0 0.13333rem;
}

.box7 .lixiansheng .right .text .huifu {
  width: 8.17333rem;
  height: 2.16rem;
  border-radius: 0.26667rem;
  display: flex;
  box-sizing: border-box;
  padding-top: 0.73333rem;
  background-color: #F8F8F8;
}

.box7 .lixiansheng .right .text .huifu img {
  margin-left: 0.14667rem;
  margin-right: 0.26667rem;
  width: 0.74667rem;
  height: 0.74667rem;
}

.box7 .lixiansheng .right .text .rig {
  margin-top: -0.09333rem;
}

.box7 .lixiansheng .right .text .rig :nth-child(1) {
  color: #333333;
  font-size: 0.4rem;
}

.box7 .lixiansheng .right .text .rig :nth-child(2) > span {
  color: rgba(128, 128, 128, 0.562);
  display: inline-block;
  color: #0527AF;
  margin-right: 0.13333rem;
  border: 0.02667rem solid #0527AF;
  display: inline-block;
  width: 0.8rem;
  height: 0.34667rem;
  line-height: 0.34667rem;
  text-align: center;
  border-radius: 0.06667rem;
  font-size: 0.24rem;
}

footer {
  display: flex;
  width: 100vw;
}

footer .d1 {
  width: 1.73333rem;
  height: 1.44rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

footer .d1 img {
  display: inline-block;
  width: 0.50667rem;
  height: 0.50667rem;
}

footer .shu {
  background-color: rgba(128, 128, 128, 0.484);
  width: 0.02667rem;
  height: 1.44rem;
}

footer .d2 {
  width: 1.73333rem;
  height: 1.44rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

footer .d2 img {
  display: inline-block;
  width: 0.50667rem;
  height: 0.50667rem;
}

footer .d3 {
  height: 1.44rem;
  text-align: center;
  font-size: 0.4rem;
  color: #FFFFFF;
  width: 6.50667rem;
  background-color: #0527AF;
  line-height: 1.44rem;
}
